<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="css/eui.css">
  <style>

    header>div{
      height: 72px;
      background-color: #c8c9cc;
      line-height: 72px;
    }
    header a{
      text-decoration: none;
      color: #6c6c6c;
    }
    header a:hover{
      color: #0aa1ed;
    }
  </style>
</head>
<body>
<div id="app" >
  <el-container>
    <el-header>
      <div style="width: 1200px;margin: 0 auto">
        <img src="imgs/logo.png" style="width: 300px;height:50px;vertical-align: middle" alt="">
        <span style="margin-left: 50px">
          <a href="" style="color: #0aa1ed">首页</a><el-divider direction="vertical"></el-divider>
         <a href=""> <el-dropdown>
  <span class="el-dropdown-link">
    文章分类<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>黄金糕</el-dropdown-item>
    <el-dropdown-item>狮子头</el-dropdown-item>
    <el-dropdown-item>螺蛳粉</el-dropdown-item>
    <el-dropdown-item disabled>双皮奶</el-dropdown-item>
    <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown></a><el-divider direction="vertical"></el-divider>
          <a href="">标签</a><el-divider direction="vertical"></el-divider>
          <a href="">文章归档</a><el-divider direction="vertical"></el-divider>
          <a href="">日志</a><el-divider direction="vertical"></el-divider>
          <a href="">留言板</a>
        </span>
        <span style="margin-left: 100px">
          <a href=""><i class="el-icon-edit">写文章</i></a>
        </span>

          <span v-if="isLogin" style="margin-left: 100px">
              <h3>欢迎{{user.nick}}回来！</h3>
          </span>
          <span v-else style="margin-left: 100px">
          <a href="/reg.html">注册</a>
          <a href="/login.html" style="margin-left: 25px">登录</a>
        </span>
      </div>
      </el-header>

          <el-aside width="200px">Aside</el-aside>
          <el-main>Main</el-main>


      <el-footer>
          <div style="background-image: url('imgs/wave.png');width: 1200px;margin: 0 auto -30px auto;
    height: 95px;"></div>
          <div style="background-color: #3f3f3f;padding: 30px;width: 1200px;margin: 0 auto;
    text-align: center;color: #b1b1b1;font-size: 14px;height: 100px">
              <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号</p>
              <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
              <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
          </div>
      </el-footer>


    </el-container>
</div>
</body>
<script src="js/vue.min.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script src="js/axios.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: {
        isLogin:false,


    },
    methods:{

    }
  })
</script>
</html>